<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ page import="java.util.Collection" %>
<%@ page import="java.util.ArrayList" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Sistema Entretenimiento Familiar</title>
<link rel=StyleSheet href="css/style.css" title="Contemporaneo"/>
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/jquery.validate.1.5.2.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/script.js"></script>

<link rel=StyleSheet href="css/style.css" title="Contemporaneo"/>
<link rel="Stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js" type="text/javascript"></script>  
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js" type="text/javascript"></script>  

<script type="text/javascript"> 
 $(document).ready(function(){  
	$("#form").submit(function () {  
	if($("#txtnombre").val().length == 0) {  
	alert("El mensaje es obligatoria");   
	return false;          
	}   
	return true;
    });  
}); 

 </script>

</head>
<body>
<form id="form" name="form" action=""  method="post" >  
    
	<div class="bloqOperacion">    
 	<input type="text" name="txtnombre" id="txtnombre" maxlength="140" class="texto" style="min-width:180px !important; width:40%"/>
 	</div>
	<div class="bloqOperacion">
				<input type="submit" id="btnGrabar" value="Grabar" class="boton" style="margin-top:3px;"/>
	</div>
	 </form>
	<table border="1" cellpadding="0" cellspacing="0">
		<tr><td>MENSAJES</td>
		<td>FECHA Y HORA</td>	
		</tr>	
	<c:forEach items="${MENSAJES}" var="neg">
		<tr>
			<td>${neg.getMensaje()}</td>
			<td>${neg.getFecha()}</td>
		</tr>		
	</c:forEach>	
	</table>
				  
                                    
   
</body>
</html>